<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>我的主页</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/my.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="main" id="main" v-cloak>
			<img src="img/14@4x.png" width="100%" height="100%" class="background" />
			<img src="img/12@2x.png" class="frame" />
			<div class="portrait">
				<img v-bind:src="main_all.head_img" />
			</div>
			<div class="information">
				<p>{{main_all.nick_name}}</p>
				<p>学习时长：{{main_all.study_time}}</p>
			</div>
			<div class="operation">
				<div>
					<img src="img/16@2x.png" />
					<span><a href="archives.html">我的档案</a></span>
				</div>
				<div>
					<img src="img/16.@2x.png" />
					<span><a href="record.html">学习记录</a></span>
				</div>
			</div>
			<div class="bottom">
				<img src="img/15@2x.png" />
			</div>
		</div>
	</body>
	<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		getOpenId();
		//调用我的主页接口
		$.ajax({
			url: apiPath + 'index/my',
			type: 'post',
			dataType: 'json',
			data: {
				open_id: open_id,
				flagsign: 1
			},
			success: function(data) {
				console.log(open_id)
				var main = new Vue({
					el: '#main',
					data: {
						main_all: data.returnData,
					},
				});
			}
		});
	</script>

</html>